<template>
  <a-dropdown>
    <span style="font-size: 16px">
      <a-icon type="global" />
    </span>
    <template #overlay>
      <a-menu style="width: 150px;" @click="SwitchLang">
        <a-menu-item key="zh-CN">
          <a rel="noopener noreferrer">
            <span role="img" aria-label="简体中文">🇨🇳</span> 简体中文
          </a>
        </a-menu-item>
        <a-menu-item key="zh-TW">
          <a rel="noopener noreferrer">
            <span role="img" aria-label="繁体中文">🇭🇰</span> 繁体中文
          </a>
        </a-menu-item>
        <a-menu-item key="en-US">
          <a rel="noopener noreferrer">
            <span role="img" aria-label="English">🇬🇧</span> English
          </a>
        </a-menu-item>
        <a-menu-item key="pt-BR">
          <a rel="noopener noreferrer">
            <span role="img" aria-label="Português">🇧🇷</span> Português
          </a>
        </a-menu-item>
      </a-menu>
    </template>
  </a-dropdown>
</template>

<script>
export default {
  name: 'LangSelect',
  data () {
    return {}
  },
  methods: {
    SwitchLang (row) {
      console.log('待实现')
    }
  }
}
</script>
